<!DOCTYPE html>
<html>
  <body>
    <div id="tutorialPane" class="tutorialPane" class="zoomable">
      <div class="tutorial-body">
        <div class="tutorial-header sidecar-header">
          <div class="tutorial-header-names">
            <div class="tutorial-header-tutorial-name-stripe">
              <span class="tutorial-header-tutorial-name"></span>
            </div>
            <div class="tutorial-heading"></div>
          </div>

          <div class="tutorial-header-right tutorial-hide-when-minimized">
            <div class="tutorial-header-extras">
              <div class="tutorial-skills"></div>
            </div>
            <div class="tutorial-header-blocks"></div>
          </div>
        </div>

        <div class="tutorial-content">
          <div class="tutorial-top">
            <div class="tutorial-left scrollable scrollable-auto">
              <!-- message to display while minimized -->
              <div class="tutorial-minimized-message"></div>

              <div class="tutorial-paragraphs tutorial-hide-when-minimized"></div>

              <div class="tutorial-font-graphics tutorial-hide-when-minimized"></div>

              <div class="tutorial-learn-more tutorial-hide-when-minimized">
                <h2 class="tutorial-content-extras-title">Learn More</h2>
                <div class="tutorial-learn-more-content"></div>
              </div>

              <div class="tutorial-code-snippet bx--snippet bx--snippet--multi tutorial-hide-when-minimized">
                <div class="bx--snippet-container" aria-label="Code Snippet">
                  <pre>
                    <code></code>
                  </pre>
                </div>
              </div>
            </div>

            <div class="tutorial-right">
              <div class="tutorial-content-extras tutorial-hide-when-minimized scrollable scrollable-auto" tabindex="0">
                <div class="tutorial-content-extras-as-structured-list tutorial-template" id="tutorial-structured-list-template">
                  <h2 class="tutorial-content-extras-title">Next Steps</h2>
                  <table class="tutorial-content-extras-body bx--structured-list">
                    <thead class="bx--structured-list-thead">
                      <tr class="bx--structured-list-row bx--structured-list-row--header-row"></tr>
                    </thead>
                    <tbody class="bx--structured-list-tbody"></tbody>
                  </table>
                </div>
              </div>
              <div class="tButtonGroup">
                <button class="bx--btn bx--btn--secondary tCloseButton">Close</button>
                <button class="bx--btn bx--btn--primary tRestoreButton">Continue with Tutorial</button>
                <button class="bx--btn bx--btn--secondary tBack">Back</button>
                <button class="bx--btn bx--btn--primary tNext">Next</button>
              </div>
            </div>
          </div>

          <div class="tutorial-bottom"></div>
        </div>
      </div>
    </div>
  </body>
</html>
